
<%@ page import="renol.Testimonial" %>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="layout" content="main" />
  <g:set var="entityName" value="${message(code: 'testimonial.label', default: 'Testimonial')}" />
  <title>Renol - Everything You Need</title>
</head>
<body>

  <div class="body">
    <h1><g:message code="default.list.label" args="[entityName]" /></h1>
    <g:if test="${flash.message}">
      <div class="message">${flash.message}</div>
    </g:if>
    <div class="list">
      <g:each var="serviceInstance" in="${serviceInstanceList}">

        <ul>
          <li>
            <div class="summary">
              <table style="width: 100%">
                <tr>
                  <td style="width: 50%">
                <g:if test="${type == 0}">
                  <iframe title="YouTube video player" class="youtube-player" type="text/html" 
                          width="300" height="275" src="${serviceInstance.url}"
                          frameborder="0" allowFullScreen></iframe>  
                </g:if>
                <g:if test="${type == 1}">
                  <img src="${serviceInstance.img1}" width="300" height="275" alt="" />
                </g:if>
                <g:if test="${type == 2}">
                  <img src="${serviceInstance.img1}" width="300" height="275" alt="" />
                </g:if>
                </td>
                <td>
                  <h4><g:link action="showService" id="${serviceInstance.id}">${serviceInstance.title}</g:link></h4>
                  <p class="cmt comments">${serviceInstance.content}</p>
                  <p class="date"> Problem: ${serviceInstance.problem}</p>      
                  <p class="author">Solution: ${serviceInstance.solution}</p>
                </td>
                </tr>
              </table>                      
            </div>            
          </li>
          <hr/>
        </ul> 
      </g:each>
    </div>
  </div>
</body>
</html>
